$(function () {
    $("#slider").slidebox({
        boxh: 430, //盒子的高度
        w: 1000, //图片的宽度
        h: 400, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 10, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#scoop-slider").slidebox({
        boxh: 520, //盒子的高度
        w: 1200, //图片的宽度
        h: 500, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 0, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#scoop-slider2").slidebox({
        boxh: 520, //盒子的高度
        w: 1200, //图片的宽度
        h: 500, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 0, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#scoop-slider3").slidebox({
        boxh: 520, //盒子的高度
        w: 1200, //图片的宽度
        h: 500, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 0, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#scoop-slider4").slidebox({
        boxh: 520, //盒子的高度
        w: 1200, //图片的宽度
        h: 500, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 0, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#scoop-slider5").slidebox({
        boxh: 520, //盒子的高度
        w: 1200, //图片的宽度
        h: 500, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 0, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#scoop-slider6").slidebox({
        boxh: 520, //盒子的高度
        w: 1200, //图片的宽度
        h: 500, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 0, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });

    $("#scoop-slider7").slidebox({
        boxh: 520, //盒子的高度
        w: 1200, //图片的宽度
        h: 500, //图片的高度
        isShow: true, //是否显示控制器
        isShowBtn: true, //是否显示左右按钮
        controltop: 0, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12, //控制按钮宽度
        controlsH: 12, //控制按钮高度
        radius: 6 //控制按钮圆角度数
    });


    // 热卖畅销
    $('.menuslide .right li').mouseover(function() {
        $(this).addClass('book-block').siblings('li').removeClass()
    })

    // 主编推荐
    $('.newbook .right li').mouseover(function (){
        // alert(123)
        $(this).addClass('add').siblings('li').removeClass('add')
    })


    // 独家提供
    // 注册鼠标移入事件
    $('.scoop-top li').mouseover(function (){
        $(this).addClass('scoop-s').siblings('li').removeClass('scoop-s')
        let index = $(this).index()
        $('.scoop-bottom').eq(index).addClass('block').siblings('.scoop-bottom').removeClass('block')
    })

    // 猜我喜欢
    // 获取ul的长度
    let ulh = $('.qq').length
    console.log(ulh)
    // 复制第一个ul并追加到box最后面
    $('.qq').eq(0).clone().appendTo('.opp')
    // box当中ul的的索引
    let index = 0;
    // 获取ul的高度
    let hh = $('.guess-bottom ul').outerHeight()
    console.log(hh)
    // 注册点击事件
    $('.guess-btn').click(function( ){
        ++index;
        $('.opp').stop().animate({top:-index * hh},function(){
            // alert(123)
            if( index >= ulh ){
                index = 0;
                
                $('.opp').css('top',0)
            }
        })
    })



})